<template name="goods-order">
	<view>
		<view v-if="tlist.length == 0" style="color: #3055C8;text-align: center;">
			暂无数据~
		</view>
		<view v-else class="list" v-for="item in tlist" :key='item.id' @click="goToDetail(item)">
			<view class="list-content">
				<view class="content-left size-26 ">
					<text>{{item.jdName}}</text>
					<view class="home-price">
					<text>低价：</text>
					<text style="color:#3055C8 ;">￥{{item.djzePrice}}</text>
					</view>
				</view>
				<view class="content-right">
					<text>{{item.orderStatus}}</text>
					<view style="margin-left: 100rpx;">
					
						<u-icon name="arrow-right" color="#3055C8" size="22"></u-icon>
						</view>
				</view>
			</view>
			<view class="user-line">
				<text style="margin-top: 22rpx;margin-left: 10px;">联系人：{{item.lianxiren}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:["tlist"],
		name: "goods-order",
		data() {
			return {
				 
			};
		},
		// 此处定义传入的数据,属性
		props: {
			tlist: {
				type: Array,
				value: null
			},
			types: {
				type: Number,
				value: null
			}
		},
		//组件生命周期
		created: function(e) {

		},
		mounted() {
			
		},
		onLoad() {
			
		},
		methods: {
			
			// 订单详情
			goToDetail(item) {
				uni.navigateTo({
					url: `/pages/order/orderDetail?id=${item.id}`
				})
			},

		}

	}
</script>

<style lang="scss">
	.home-price{
		display: flex;
		
	}
	.check,.quit{
		display: flex;
		align-items: center;
		margin-top: 30rpx;
	}
	.user-line {
		border-top: 2rpx solid #ccc;
		display: flex;
		margin-top: 20rpx;
		justify-content: space-between;
		margin-bottom: 30rpx;
	}

	.list {
		margin: 20rpx;
		height: 215rpx;
		box-shadow: 0 8rpx 16rpx 0 rgba(83, 66, 49, 0.08);
		border-radius: 24rpx;
		display: flex;
		flex-direction: column;
		margin-top: -50rpx;
		padding: 20rpx;
		margin-bottom: 80rpx;
		background-color: #ffffff;
	}

	.list-content {
		display: flex;
		justify-content: space-between;
		line-height: 40rpx;
		margin-left: 20rpx;
		margin-right: 20rpx;
	}
</style>